@import './variable.scss';

%input-number-size {
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  max-height: 18px !important;
  font-size: 12px !important;
}

// 表单元素的边距
.el-form-item {
  margin-bottom: 0px !important;
  padding: 5px 0px !important;
}

// 表单元素的标签(对齐、宽度)
.el-form-item__label {
  text-align: left !important;
  padding-right: 0px !important;
  min-width: 48px !important;
  max-width: 64px !important;
  width: 48px !important;
}
// 微调表单元素的输入部分(input、select等)与lable的距离
.el-form-item__content {
  margin-left: 55px !important;
}

// 表单元素的字体、颜色
.el-form-item__label,
.el-form-item__content {
  // 不能设置height!!!
  // height: 24px !important;
  line-height: $item-height !important;
  font-size: $item-font-size !important;
  color: $menu-text-color1 !important;
}

// 修改checkbox和radio的文字颜色
.el-checkbox,
.el-radio__label {
  color: $menu-text-color1 !important;
}

// 修改表单子控件的高度
.el-input,
.el-input__inner,
.el-switch,
.el-checkbox,
.el-checkbox__label,
.el-radio__label {
  line-height: $item-font-size !important;
  height: $item-height !important;
  font-size: $item-font-size !important;
  // padding-left: 0px !important;
}

// 单独设置按钮的高度、边框、字体
.el-button {
  // width: 80px !important;
  height: ($item-height + 6) !important;
  padding: 0 15px !important;
  // border: none !important;
  font-size: $item-font-size !important;
}

// 单独设置输入控件(input、textarea等)的颜色、背景色、边框
// .el-input,
// .el-input__inner,
// // .el-input__icon,
// // .el-input__suffix,
// // .el-input__suffix-inner,
// .el-textarea__inner,
// .el-select-dropdown__item {
//   // background-color: rgb(141, 155, 189) !important;
//   // color: black !important;
//   // border: none !important;
//   // padding-left: 0 !important;
// }

.el-input__icon {
  @extend %input-number-size;
}

.el-input-number__decrease,
.el-input-number__increase {
  @extend %input-number-size;
  i {
    @extend %input-number-size;
  }
}

// .el-select {
//   width: 100% !important;
// }

// 单独设置下拉select、日期date控件的颜色
.el-select > .el-input > .el-input__inner,
.el-date-editor > .el-input__inner {
  // text-align: center !important;
  text-align: left !important;
  // vertical-align: middle !important;
  // color: black !important;
}

// 设置输入控件(input、textarea)的输入光标位置(默认的padding比较大)
.el-input__inner,
.el-textarea__inner {
  padding: 0 5px !important;
}

.el-color-picker--mini {
  height: 20px !important;
  vertical-align: middle !important;
  // left: -6px !important;

  .el-color-picker__trigger {
    height: 20px !important;
    width: 22px !important;
    border: none !important;
    padding: 0 !important;
    margin-left: 1px !important;
  }
}

.el-input__inner {
  border-radius: 0 !important;
  border: 0.5px solid #eeeeee !important;

  &:focus {
    border: 0.5px solid #a8cff7 !important;
  }
}
